<template>
  <div class="download-app">

    <img :src="appLogo" alt="猫眼logo">

    <div class="interestText">{{ props.ad.interestText }}</div>

    <div class="message-split"></div>

    <div class="openApp">打开App></div>

  </div>
</template>

<script setup>
import appLogo from "@/assets/logo.png"

const props = defineProps({
  ad: {
    type: Object,
  }
});



</script>



<style scoped>
.download-app {
  width: 100%;
  height: 60px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 50.5px;
  border-bottom: 1px solid #eee;

}

.download-app img {
  width: 94px;
  height: 39px;
  display: block;
  padding-left: 10px;
}


.download-app .interestText {
  flex: 1;
  text-align: right;
  font-size: 14px;
  color: #999;
  margin-right: 10px;
  font-weight: 620;
  font-size: 13px
}


.message-split {
  width: 1px;
  height: 13px;
  margin: 0 10px;
  background: rgba(0, 0, 0, .1);
}

.openApp {
  padding-right: 10px;
  font-weight: 700;
  font-size: 14px;
  color: #b37e7e;
}
</style>
